<template>
  <div>
    <h-back title="信息"/>
    <v-row v-show="!notmsg">
      <v-col cols="12" sm="6" offset-sm="3">
        <v-card>
          <v-list two-line subheader>
            <v-list-item v-for="item in list1" :key="item.title">
              <v-list-item-avatar>
                <v-icon>message</v-icon>
              </v-list-item-avatar>
              <v-list-item-content>
                <v-list-item-title>{{ item.title }}</v-list-item-title>
                <v-list-item-subtitle>{{ item.subtitle }}</v-list-item-subtitle>
              </v-list-item-content>
              <v-list-item-action>
              </v-list-item-action>
              <v-divider inset></v-divider>
            </v-list-item>
          </v-list>
        </v-card>
      </v-col>
    </v-row>
    <div v-show="notmsg" class="text-center" style="margin-top: 30%; opacity: 0.6;">
      没有消息
    </div>
  </div>
</template>

<script>
// 消息中心
export default {
    data: ()=> ({
      dialog: false,
      list1: [],
      notmsg:true
    }),
    created:function(){
      
    }
}
</script>

<style>

</style>